/*html{background: #fff;
     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif, th Niramit AS; 
     font-size: 14px;
     font-weight:bold;
}*/
body{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif, th Niramit AS;
    font-size: 16px;
    background: #fff;
}
aside{
    float: left;
    width: 20%;
}
aside a{
    display: block;
    margin: 10px;
}
nav{
    margin-bottom: 150%;
}
header{
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
header img{
    border-radius: 5px;
}
footer{
    background: #fff;
    padding-top: 5px;
}
footer img{
    border-radius: 5px;
}
.modal-header{
    padding-top: 0px;
    padding-bottom: 5px; 
}
.modal-body{
    padding-top: 10px;
    padding-bottom: 0px; 
}
.modal-footer{
    padding-top: 5px;
    padding-bottom: 0px; 
}
.ibar{
    border-radius: 5px;
    background: #9F7CB1;
    margin-bottom: 10px;
    padding-left: 20px; 
    width: 850px;
}
.container{
    background: #FFF;
    width: 86%;
    margin-right: 7%;
    margin-left: 6%;
}

.contents{
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 20px;
    min-height: 200px;
    width: 95%;
}

.clear{
    width: 100%;
    height: 0;
}
/*#selectable .ui-selecting { 
    background: #EAEAEA; 
   }
#selectable :hover{ 
    background: #56C771;
    color: #fff;
     text-decoration: none; }
#selectable .ui-selected { 
    background: #5DBB5D;
    color: #fff; }
#selectable { 
    list-style-type: none; 
    border-radius: 5px; 
    margin: 0; padding: 0; 
    text-align: right;
    font-size: 22px;
    font-weight: bold;
    width: 90%;}
#selectable a{ 
    border-radius: 5px; 
    margin: 10px; 
    padding: 7px 20px;
    color: #669; }
.btn-menu{
    background: #EAEAEA;
    border-radius: 5px;
}*/
.btn-menu{
    border-radius: 5px;
    margin-right: 25px;
    padding: 7px 17px;
    background: #EAEAEA;
    text-align: right;
    font-size: 22px;
    font-weight: bold;
    color: #669;
}
.btn-menu:hover{
    background: #56C771;
    color: #fff;
    text-decoration: none;
}
.btn-menu:active{
    background: #5DBB5D;
    color: #fff;
}

table.one 
{
border-collapse: separate;
border-spacing: 1px;
margin: 0px;
}
table.two{
    width: 350px; 
    margin-bottom: 20px;
    border-collapse:collapse; 
    border:1px solid #ddd; 
}
table.two td{
    border:1px solid #ddd;
    background: #f4f5f4;
    padding: 5px;
}
	#textbox { 
	text-align: center; 
	padding:0px;
	font-size: 14px;
	background:#f9e2e1; 
	border: none;
	outline: none;
	box-shadow: none;  
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	} 
	#textbox:hover { 
	background-color: #faebea; 
	} 
	#textbox:focus {
	outline: none;
	box-shadow: none; 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
	}  
	#textinput { 
	text-align: center; 
	padding:0px;
	font-size: 12px;
	border: 1px solid #F0BEBE;
	box-shadow: none; 
        -moz-box-shadow: none; 
        -webkit-box-shadow: none; 
        /*width: 80px;*/
	} 
	#textinput:focus {
	outline: none;
	border: 1px solid #FF6699; 
        box-shadow: 0px 0px 10px #FF6699; 
        -moz-box-shadow: 0px 0px 10px #FF6699; 
        -webkit-box-shadow: 0px 0px 10px #FF6699; 
	}  

	/* text area */
	#selector{
	height: 130px;
	width: 0 auto;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif ;
	font-size: 14px;
	font-weight: bold;
	background: #fd8f8f;
	resize: none;
	}
	#selector1{
	height: 80px;
	width: 370px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif ;
	font-size:14px;
	font-weight:bold;
	resize: none;
	}
	#selector2{
	height: 80px;
	width: 750px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif ;
	font-size:14px;
	font-weight:bold;
	margin-top: 10px;
	resize: none;
	}
.title{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	/* margin-bottom: 10px; */
	/* background-color: #690; */
	height: 20px;
	color: #FFF;
}
.title ol{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 14px;
}
.title ol li{
display: block;
padding: 0px 10px 0px 10px;
float: left;
}
.title ol a{
display: block;
padding: 0px 10px 0px 10px;
color: #FFF;
text-decoration:none;
}
.title ol a:hover{background: #000;}

.content {
	float: left;
	width: 1009px;
	background-color: #FFFFFF;
	
}
.p label{ 
width:100px;
float:left; 
margin-right:10px; 
text-align:rightright; 
}

/* table สีฟ้าขอบปะ */
.newspaper-b{
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
text-align: center;
font-size:12px;
width: 0 auto;
}
.newspaper-b thead :nth-child(1) { 
border-top-left-radius: 5px; 
}.newspaper-b thead :nth-child(10) { 
border-top-right-radius: 5px;
}
.newspaper-b th{
font-weight:bold;
font-size:12px;
text-align: center;
color:#039;
padding:2px 5px 5px;
background:#d0dafd;
}
.newspaper-b tbody{
background:#e8edff;
}
.newspaper-b td{
color:#669;
border-top:1px dashed #fff;
padding:10px; 
}
.newspaper-b tbody tr:hover td{
color:#339;
background:#d0dafd;
}
/* table สีเทาขอบปะ */
.table-a{
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width: 385px;
text-align: center;
margin: 0px 2px;
}
.table-a th{
font-weight:bold;
font-size:12px;
text-align: center;
color:#fff;
padding:2px 5px 5px;
background:#BAB6B6;
}
.table-a tbody{
background:#CED6E8;
}
.table-a td{
color:#000;
border-top:1px dashed #fff;
padding: 5px; 
}
.table-a tbody tr:hover td {
color:#2d2d2d;
background:#dbe1ed;
}
/* table สีแดงขอบปะ */
.table-b{
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
text-align: center;
margin: 0px 2px;
}
.table-b th{
font-weight:bold;
font-size:12px;
text-align: center;
color:#fff;
padding:2px 5px 5px;
background:#a02e29;
}
.table-b tbody{
background:#f9e2e1;
}
.table-b td{
color:#000;
border:1px dashed #fbbcb9;
padding:2px; 
}
.table-b tbody tr td:hover  {
color:#2d2d2d;
background:#faebea;
}
/* table hover */
.table-c{
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
text-align: center;
margin: 5px 0px 5px;
width: 450px;
}
.table-c th{
font-weight:bold;
font-size:12px;
text-align: center;
padding:2px 5px 5px;
background:#ccc;
}
.table-c tbody{
}
.table-c td{
color:#000;
}
.table-c tbody tr:hover td {
color:#000;
background:#E2E2E2;
}
/* table hover */
.table-d{
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
text-align: center;
margin: 5px 0px 5px;
}
.table-d th{
font-weight:bold;
font-size:14px;
padding:2px 5px 5px;
color: #fff;
}
.table-d tbody{
}
.table-d td{
padding: 2px;
font-family: th Niramit AS;
font-weight:bold;
font-size: 20px;
color:#000;
}
.table-d tbody tr:hover td {
color:#000;
background:#E2E2E2;
}

/* กล่องขอบมน */
.border_raduis {
    border:2px solid #c2c3c4; 
    width:480px;
    height:150px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

/* table ของส่วน patient */
.patient-b{
  width: auto;
  margin: 2px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  background: #edeeef;  
  padding: 5px;
}
/* กล่องขาว */
.write-box{
  width: auto;
  margin-top: -4px;
  margin-left: -10px;
  margin-right: 10px;
  margin-bottom: 2px;
  padding: 5px;
}

/* กล่องขอบมน */
.box {
	height:50;
	border-style: solid ;  
    border-width:1px;  
	border-radius:5px;
	padding: 3px;
    border-color:#e5e7e9;
    background:#f5f4f4;
}
.box1{
  width: auto;
  margin-top: 10px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding-top: 5px;
  padding-bottom: 80px;
  padding-left: 45px;
  padding-right: 5px; 
  background: #edeeef;  
}
.box-titlebar{
  width: 0 auto;
  height: 10px;
  margin-top: 10px;
   margin-bottom: 10px;
  /*margin-left: 0px;
  margin-right: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 19px;
  padding-right: 25px; */
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  background: #000;  
}
/* labal ใส่ข้อความในหน้า pop up */
.labalpop-a {
        float: right;
	font-family: th Niramit AS;
	font-size:20px;
	font-weight:bold;
	width:350px; 
        height: 25px;
	border-radius:5px;
	margin: 0px 3px 0px 3px;
	padding: 1px;
        background:#BFEBFB;
}
.labalpop-b {
        float: right;
	font-family: th Niramit AS;
	font-size:20px;
	font-weight:bold;
	width:350px; 
        height: 25px;
	border-radius:5px;
	margin: 0px 3px 0px 3px;
	padding: 1px;
        background:#53ACD7;
}
/* เมนู */
.menu{
	list-style: none; 
    margin: 0px;
	float: right;
	width: 140px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;
	text-align: center;
	color: #a7a7a7;
}
.menu > li {
	display:block; 
	border-radius: 5px;
	height: 20px;
	width: 140px;
	float: right;
	border-radius: 5px;
	padding: 5px;
	margin-top: 10px;
	text-indent:5px;
}
.menu > li:hover {
	display:block; 
	border-radius: 5px;
	height: 20px;
	color:#a9aba9;
	background: #f4f5f4;
	text-indent:5px;
}
.menu > li > a{
	color: #000; 
	text-decoration:none;
	line-height:20px;  
}
#nav .active {
	display:block; 
	border-radius: 5px;
	height: 20px;
	background: #5bbd72;
}
#nav .active:hover {
	display: block; 
	border-radius: 5px;
	height: 20px;
	background: #58cb73;
}
.tableBleeding{
    width:770px; 
    font-weight: bold; 
    color: #FFF;
    font-size: 20px;
    font-weight:bold;
    text-align: left;
}
.textBleeding{
font-family: th Niramit AS;
font-weight: bold; 
font-size: 20px;
color: #000;
}

.modal.large {
    width: 60%; /* respsonsive width */
    margin-left:-30%; /* width/2) */ 
}